<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
	xmlns:o="http://openfaces.org/" lang="en">
	
	

	<ui:decorate template="/WEB-INF/facelets/faceletListar.xhtml">
		<ui:define name="form">
				<h:form>
						<o:commandButton action="#{UsuarioMB.criar}"
							styleClass="btn btn-inverse btn-large">Novo &raquo;</o:commandButton>
						<p></p>
						
						<o:dataTable 
							value="#{UsuarioMB.lista}" 
							var="obj" 
							applyDefaultStyle="false"
							pageSize="5"
							>
							
							<f:facet name="below">
								<o:dataTablePaginator id="paginator"/>
							</f:facet>
							
							<o:singleRowSelection rowData="#{UsuarioMB.entidade}"
								action="#{UsuarioMB.editar}" styleClass="active-row">
							</o:singleRowSelection>
							
							<o:column id="id">
								<f:facet name="header">
									<h:outputText value="ID"/>
								</f:facet>
								<div align="center">
									<h:outputText value="#{obj.id}" />
								</div>
							</o:column>

							<o:column id="nome">
								<f:facet name="header">
									<h:outputText value="Nome" />
								</f:facet>
								<h:outputText value="#{obj.nome}" />
							</o:column>

							<o:column id="usuario">
								<f:facet name="header">
									<h:outputText value="Usuário" />
								</f:facet>
								<h:outputText value="#{obj.usuario}" />
							</o:column>

							<o:column id="dataCadastro">
								<f:facet name="header">
									<h:outputText value="Data Cadastro" />
								</f:facet>
								<div align="center">
									<h:outputText value="#{obj.dataCadastro}">
										<f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss"></f:convertDateTime>
									</h:outputText>
								</div>
							</o:column>
						</o:dataTable>
					</h:form>
				</ui:define>
	</ui:decorate>

</html>